<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <head th:include="common/header::header" />
    <body th:include="common/footer::footer" />
</head>
<body>
	
	<!-- 面包屑 -->
	<!--<nav class="breadcrumb">
		<i class="Hui-iconfont">&#xe67f;</i> 首页
		<span class="c-gray en">&gt;</span> XXX
		<span class="c-gray en">&gt;</span> OOO
		<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" />
			<i class="Hui-iconfont">&#xe68f;</i>
		</a>
	</nav> -->
	<div th:include="common/element::pagenav('一级导航','二级导航','')"></div>
	<div class="page-container">
		<!-- 筛选表单 -->
		<div class="text-l">
			<form method="get" th:action="@{/${vo.tablename_camelCase}/toList}" class="form from-inline searchform">
				
				<div class="form-group cl">
					<a href="#"  onclick= "doadd()"  class="btn btn-success radius size-S"><i class="Hui-iconfont Hui-iconfont-add"></i> 添加</a>
				</div>
				
			    <div class="form-group cl">
					<label for="SEARCH_LIKE_name">文本搜索：</label> 
					<input name="SEARCH_LIKE_name" style="width:200px;" value="" placeholder="文本搜索" class="input-text radius size-S pageSearch" type="text">
				</div>
				<div class="form-group cl">
					<label for="SEARCH_LIKE_code">下拉搜索：</label> 
					<select name="SEARCH_EQ_sex" class="input-text radius size-S pageSearch" style="width:200px;">
						<option value="">请选择</option>
						<option value="0" >选项一</option>
						<option value="1" >选项二</option>
					</select>
				</div>
				<div class="form-group cl">
					<button  class="btn btn-success radius size-S "  type="button"  onclick="javascript:$('#exampleTable').bootstrapTable('refresh');"  >
						<i class="Hui-iconfont Hui-iconfont-search"></i> 搜索
					</button>
				</div>
			</form>
		</div>
		
		<!-- 表格渲染 -->
		<div class="mt-0">
			<table id="exampleTable" data-mobile-responsive="true"></table>
		</div>
	</div>
  
   	<script>
		var element = $('#exampleTable');
		var url = ctx + '/${vo.tablename_camelCase}/getList';
		var toolbar = '#exampleToolbar';
		var columns = [
			    {checkbox: true, align: 'center' },
			 <#if vo.columns?exists>
				<#list vo.columns as item>
				{field: '${item.columnName}',  title: '${item.columnRemark}',  align: 'center', valign: 'middle' },
				</#list>
			  </#if>
				{ title : '操作', align : 'center',
					formatter : function(value, row, index) {
						var e = '<div class="form-group cl"><a onclick="updateRow(this,\'编辑\')" updatehref="'+ctx+'/${vo.tablename_camelCase}/toForm?id='+row.id+'" title="编辑"><span class="label label-primary radius">编辑</span></a></div>';
						var f = '<div class="form-group cl"><a onclick="deleteRow(this)" deletehref="'+ctx+'/${vo.tablename_camelCase}/delete/'+row.id+'" title="删除"><span class="label label-danger radius">删除</span></a></div>';
						return '&nbsp;&nbsp;&nbsp;'+ e +'&nbsp;&nbsp;&nbsp;' + f    ;
					}
				} 
			]
		initTableData(element,url,toolbar,columns);
		function doadd(){
			doOpenForm("新增",ctx + '/${vo.tablename_camelCase}/toForm')
		}
	</script>
  
</body>
</html>


		